<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--
			第二种方式
					将样式编写到head的style标签中
			
			
			
			
			
			
		-->
		<style>
			p{
				color: green;font-size: 14px;
			}
			
			
			
		</style>
	</head>
	<body>
		<!--网页分为三个部分：
				结构HTML
				表现Css
				行为Javascrip
			CSS
				层叠样式表
				网页实际上是一个多层的结构，通过css可以分为网页的每一个层来设置样式
				   而最终我们能看到的只是网页的最上边一层
				   总之一句话：css用来设置网页中元素的样式
		-->
				   
				   	
		<!--使用css来修改元素的样式
			第一种方式（内联样式）：字标签内部通过Style属性来设置元素的样式
			问题：使用内联样式只能对一个标签生效，如果希望应用到多个元素必须写在每一个元素中都复制一遍
					并且当样式发生变化时，我们必须要一个一个的修改，非常的不方便
			注意：开发时绝对不要使用的样式
			
			
		-->
		<p style="color: pink;font-size: 14px;">少小离家老大回，乡音无改鬓毛衰</p>
		<p>哈哈哈</p>
	</body>
</html>
